<template>
  <div class="share-container" v-show="show">
    <div class="share-pop-wrap" @click="hide()">
      <div class="share-content">
        <p>你成为会员后，可以从这个页面邀请好友，广泛分享给其他人。赠人玫瑰，手留余香。你也可以少花钱、不花钱，永享健康</p>
      </div>
      <div class="share-img">
        <img src="http://cdn.gee4.cn/zw-wx/v0.0.1/img/share-icon.png" alt="">
      </div>
    </div>
  </div>
</template>
<script>
export default {
    name: 'sharePop',
    props: ['show'],
    methods: {
        hide: function() {
            this.$emit('update:show', false)
        }
    },
    mounted() {}
}
</script>
<style lang="less">
.share-pop-wrap {
    width: 100%;
    height: 100%;
    opacity: 0.85;
    background: #3F3F3F;
    position: fixed;
    top: 0; 
    .share-content {
        width: 65%;
        font-family: PingFangSC-Regular;
        font-size: 1.1rem;
        color: #FFFEFF;
        letter-spacing: 0;
        line-height: 1.8rem;
        top: 0.5rem;
        right: 3rem;
        position: absolute;
        text-align: justify;
    }
    .share-img {
        position: absolute;
        top: 5px;
        right: 0.9rem;
        img {
            width: 2.2rem;
        }
    }
}
</style>
